/*---------------------------------
Site: 
nameAuthor:yinana
Updated:2020/03
Updated by:yinana

COLORS
blue:#4796f5
H1, H2, H3:#333
---------------------------------*/

/*公共部分*/
*{ margin:0; padding:0;}
body{ font-size:12px; font-family:Microsoft Yahei,Verdana,Tahoma, Arial, Helvetica, sans-serif;  padding:0; margin:0; color:#6e6e6e; line-height:22px; position:relative}
a{ color:#333; text-decoration:none;}
a:hover{ color:#F60; cursor: pointer}
img{ border:0}
img:hover{ cursor: pointer}
ul,li{ list-style:none}
a, a img, input {transition: all 0.25s ease-out 0s;}
.clear{ clear:both}
.l{ float:left}
.r{ float:right}
.mt10{ margin-top:10px;}
.mt30{ margin-top:30px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.clearfix:after,.head:after,.content:after,.column:after{ clear:both; content:","; display:block; height:0; overflow:hidden; visibility:hidden}
* html .clearfix { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.warp{ width: 100%; margin:0 auto}
.bgblue{ background: #f5fbff}
.bggray{ background: #f7f8fa}
.bgwhite{ background: #fff}
.column{max-width:1200px; margin:0 auto}
.mr4{ margin-right:4px;}
.ml4{ margin-left:4px;}
.mb4{ margin-bottom:4px}
.fwhite{ color:#fff}
.c_banner{ height:250px; }
.boxtitle{padding:70px 0 0 30px}
.tline{ border-top:1px solid #eeeeee}
.cblue{ color:#6795ea !important}
.cred{ color:#ff6600 !important}


/**/
.tophead{ width: 100%; border-top: 4px solid #4796f5;}
.head{ max-width:1200px; margin:0 auto; }
.head .logo{ float:left; width:280px; background: url(../images/top_logo.png) left center no-repeat; margin-left:20px}
.head .logo a{ width:280px; height:106px; display:block}

.nav{ float: right}
.nav ul li{ font-size:16px; float: left; text-align: center}
.nav ul li a{width:90px; height: 70px; line-height: 70px; padding-top:20px; display: block; margin: 0 10px}
.nav ul li.thisclass a,.nav ul li a:hover{ background: #4796f5; color: #fff}

/*公用*/
.c_banner span{ font-size:16px}
.c_banner .b_title{font-size:34px; line-height:1.5em; font-weight:500;}
.c_banner .s_title{font-size:20px; letter-spacing:4px; font-weight:normal;}
.banner01{ background:url(../images/banner_guanyu.png) no-repeat}
.banner02{ background:url(../images/banner_wenhua.png) no-repeat}
.banner03{ background:url(../images/banner_licheng.png) no-repeat}
.banner04{ background:url(../images/banner_rongyu.png) no-repeat}
.banner05{ background:url(../images/banner_dongtai.png) no-repeat}
.banner06{ background:url(../images/banner_shenghuo.png) no-repeat}
.banner07{ background:url(../images/banner_game.png) no-repeat}
.banner08{ background:url(../images/banner_shehuizp.jpg) no-repeat}
.banner09{ background:url(../images/banner_xiaoyuanzp.jpg) no-repeat}
.banner10{ background:url(../images/banner_health.png) no-repeat}
.banner11{ background:url(../images/banner_conact.png) no-repeat}

.c_menu{ width:100%; text-align:center; height:66px; line-height:66px; border-bottom:1px solid #efefef; background:#fff}
.c_menu ul{ margin:0 auto}
.c_menu ul li{ display:inline-block; margin:0 50px; font-size:18px; padding:10px 0; line-height:24px}
.c_menu ul li.on,.c_menu ul li:hover{ color:#549dea; border-bottom:3px solid #549dea}
.c_menu ul li.on a,.c_menu ul li:hover a{ color:#549dea;}

.box_c_title{ padding:60px 0; background:url(../images/c_title_b.png) center 140px no-repeat; text-align:center}
.box_c_title .c_title{ font-size:34px; font-weight:normal; color:#333; line-height:50px}
.box_c_title .c_title_i{ font-style:normal; color:#c2c2c2}

/*介绍*/
.jieshao_c{ padding-left:480px; font-size:16px; line-height:2em; background:url(../images/jsimg01.png) left top no-repeat; min-height:450px; padding-top:60px; padding-right:30px; margin-bottom:80px;}

/**/
.wenhua_c{ padding:80px 0; width:100%}
.wenhua_li { height:235px; width:235px; position:relative;border-radius:5px; float:left; margin:0 32px; background:#fff; padding-top:80px; text-align:center;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;}
.wenhua_li i{ width:95px; height:95px; border-radius:50px; position:absolute; top:-50px; left:70px;transition: color .3s;}
.wenhua_li i.wenhua_icon01{ background:url(../images/wenhua_icon01.png) no-repeat center 23px #3e97e7}
.wenhua_li i.wenhua_icon02{ background:url(../images/wenhua_icon02.png) no-repeat center #37b7de}
.wenhua_li i.wenhua_icon03{ background:url(../images/wenhua_icon03.png) no-repeat center 27px #a57cbe}
.wenhua_li i.wenhua_icon04{ background:url(../images/wenhua_icon04.png) no-repeat center #e7a163}
.wenhua_li h5{ font-size:24px; font-weight: normal}
.wenhua_li span{ font-size:14px; color:#ccc}
.wenhua_li p{ padding:20px 10px 0 10px; font-size:16px; color:#666; line-height: 2em}
.wenhua_li:hover{transform: scale(1.05);  }
.set {z-index: 0;background: #fff;cursor: pointer;}
.anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);
position: absolute;top: 50%;left: 50%;z-index: -1;}
.anim:before {position: relative;content: '';display: block;margin-top: 100%;background: #6CB1FF;}
.anim:after { content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 50%;}
.hoverable:hover > .anim:after { -webkit-animation: anim-out-pseudo 3.5s;animation: anim-out-pseudo 3.5s;}
.set:hover > .anim {-webkit-animation: anim-out 3.5s;animation: anim-out 3.5s;}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background-color: rgba(255,255,255,0.3);
	  -moz-box-shadow:0px 0px 30px #FFFFFF; -webkit-box-shadow:0px 0px 30px #FFFFFF; box-shadow:0px 0px 30px #FFFFFF;
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 110%;
	}}


.wenhua_01:hover{animation:m 1s;-moz-animation:m 1s; -webkit-animation:m 1s;  background:#3e97e7; }
@keyframes m
{0%   {background:#fff; color:#666}
100% {background:#3e97e7; color:#fff}
}

@-moz-keyframes m /* Firefox */
{0%   {background:#fff; color:#666}
100% {background:#3e97e7; color:#fff}
}

@-webkit-keyframes m /* Safari and Chrome */
{0%   {background:#fff; color:#666}
100% {background:#3e97e7; color:#fff}
}
.wenhua_02:hover{animation:n 1s;-moz-animation:n 1s; -webkit-animation:n 1s;  background:#37b7de; }
@keyframes n
{0%   {background:#fff; color:#666}
100% {background:#37b7de; color:#fff}
}

@-moz-keyframes n /* Firefox */
{0%   {background:#fff; color:#666}
100% {background:#37b7de; color:#fff}
}

@-webkit-keyframes n /* Safari and Chrome */
{0%   {background:#fff; color:#666}
100% {background:#37b7de; color:#fff}
}
.wenhua_03:hover{ animation:o 1s;-moz-animation:o 1s; -webkit-animation:o 1s; background:#a57cbe; }
@keyframes o
{0%   {background:#fff; color:#666}
100% {background:#a57cbe; color:#fff}
}

@-moz-keyframes o /* Firefox */
{0%   {background:#fff; color:#666}
100% {background:#a57cbe; color:#fff}
}

@-webkit-keyframes o /* Safari and Chrome */
{0%   {background:#fff; color:#666}
100% {background:#a57cbe; color:#fff}
}
.wenhua_04:hover{ animation:p 1s;-moz-animation:p 1s; -webkit-animation:p 1s; background:#e7a163;}
@keyframes p
{0%   {background:#fff; color:#666}
100% {background:#e7a163; color:#fff}
}

@-moz-keyframes p /* Firefox */
{0%   {background:#fff; color:#666}
100% {background:#e7a163; color:#fff}
}

@-webkit-keyframes p /* Safari and Chrome */
{0%   {background:#fff; color:#666}
100% {background:#e7a163; color:#fff}
}
.wenhua_01:hover,.wenhua_02:hover,.wenhua_03:hover,.wenhua_04:hover,.wenhua_li:hover span,.wenhua_li:hover p{  color:#fff !important;}

/*历程*/
.box_licheng{  margin: 20px 0 20px 150px;  position: relative; padding-bottom:20px;}
.lc_yearul{ padding-bottom: 100px;border-left:4px solid #4796f5;animation: fade-in; animation-duration: 3s; -webkit-animation:fade-in 3s; }
@keyframes fade-in {  
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-in {  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
.lc_year{ position: absolute; left: -44px; width: 88px; height: 88px; line-height: 88px; background: #4796f5; border-radius: 50px; text-align: center; font-size:30px; color: #fff;}
.lc_yearli{ padding-left:60px; padding-top:15px}
.lc_yearli .lc_year_info{ margin-bottom: 30px}
.lc_yearli .lc_year_info span{ float:left; color: #75b4b1; font-size:18px;padding:15px; padding: 15px; width: 40px}
.lc_yearli .lc_year_info p{ color: #666; font-size:14px; background: #f9f9f9; border: 1px solid #ececec; padding: 15px; display: inline-block; border-radius: 5px;}
.lc_yearli .lc_year_info p:hover{ border:1px solid #4796f5; background: #4796f5; color:#fff;transition: all 0.25s ease-out 0s;-moz-box-shadow: 5px 5px 10px #ccc; /* 老的 Firefox */
box-shadow: 5px 5px 10px #ccc;}
.box_licheng li:nth-child(1) .lc_year{animation:entic_effect .8s 1s linear both;-webkit-animation:entic_effect .8s 1s linear both;}
.box_licheng li:nth-child(2) .lc_year{animation:entic_effect .8s 1.8s linear both;-webkit-animation:entic_effect .8s 1.8s linear both;}
.box_licheng li:nth-child(3) .lc_year{animation:entic_effect .8s 2.6s linear both;-webkit-animation:entic_effect .8s 2.6s linear both;}
.box_licheng li:nth-child(4) .lc_year{animation:entic_effect .8s 3.4s linear both;-webkit-animation:entic_effect .8s 3.4s linear both;}
.box_licheng li:nth-child(5) .lc_year{animation:entic_effect .8s 4.2s linear both;-webkit-animation:entic_effect .8s 4.2s linear both;}
.box_licheng li:nth-child(6) .lc_year{animation:entic_effect .8s 5s linear both;-webkit-animation:entic_effect .8s 5s linear both;}
.box_licheng li:nth-child(7) .lc_year{animation:entic_effect .8s 5.8s linear both;-webkit-animation:entic_effect .8s 5.8s linear both;}
@keyframes entic_effect{0%{width:20px;height:20px;opacity:0;}
40%{width:20px;height:20px;opacity:1;}
80%{width:100px;height:100px;opacity:1;}
100%{width:88px;height:88px;}}
@-webkit-keyframes entic_effect{0%{width:20px;height:20px;opacity:0;}
40%{width:20px;height:20px;opacity:1;}
80%{width:100px;height:100px;opacity:1;}
100%{width:88px;height:88px;}}
.box_licheng li:nth-child(1) .lc_yearli{animation:enttxt_effect 1.2s 1s linear both;-webkit-animation:enttxt_effect 1.2s 1s linear both;}
.box_licheng li:nth-child(2) .lc_yearli{animation:enttxt_effect 1.2s 1.8s linear both;-webkit-animation:enttxt_effect 1.2s 1.8s linear both;}
.box_licheng li:nth-child(3) .lc_yearli{animation:enttxt_effect 1.2s 2.6s linear both;-webkit-animation:enttxt_effect 1.2s 2.6s linear both;}
.box_licheng li:nth-child(4) .lc_yearli{animation:enttxt_effect 1.2s 3.4s linear both;-webkit-animation:enttxt_effect 1.2s 3.4s linear both;}
.box_licheng li:nth-child(5) .lc_yearli{animation:enttxt_effect 1.2s 4.2s linear both;-webkit-animation:enttxt_effect 1.2s 4.2s linear both;}
.box_licheng li:nth-child(6) .lc_yearli{animation:enttxt_effect 1.2s 5s linear both;-webkit-animation:enttxt_effect 1.2s 5s linear both;}
.box_licheng li:nth-child(6) .lc_yearli{animation:enttxt_effect 1.2s 5.8s linear both;-webkit-animation:enttxt_effect 1.2s 5.8s linear both;}
@keyframes enttxt_effect{0%{transform:translateY(-50px);opacity:0;}
100%{transform:translateY(0);opacity:1;}}
@-webkit-keyframes enttxt_effect{0%{-webkit-transform:translateY(-50px);opacity:0;}
100%{-webkit-transform:translateY(0);opacity:1;}}


/*荣誉*/
.rongyu_c{ background: #fff;border-radius: 5px; position: relative; width:100%; min-height: 100px; margin: 30px 0}
.rongyu_c .icons_rongyu{ position: absolute; top: -30px; left: calc(50% - 42px); width: 84px; height: 84px; line-height: 84px; text-indent: -999px; overflow: hidden; background: url(../images/icons_rongyu.png) no-repeat}
.rongyubox{ padding:40px 80px 60px 80px} 
.rongyuyear{ font-size:30px; margin: 60px 0 15px 0;  color: #f0b54f; font-weight: lighter;letter-spacing: 5px;}
.rongyuul{ width: 100%; float: left}
.rongyuli{ }
.rongyuc{ width:50%; float: left; padding: 30px 0;background: url(../images/line_dashed.gif) repeat-x bottom;}
.rongyuc img{ display: inline-block; float: left; width: 87px; height: 110px; border-radius: 40px; margin-right: 30px}
.rongyubt{ font-size: 18px; margin-bottom: 5px; color: #333}
.rongyust{ font-size:16px; color: #333}
.gamename{ height: 28px; line-height: 28px; font-size: 14px; color: #4796f5; margin: 15px 0}
.gamename a{color: #4796f5; display: inline-block; height: 28px; padding: 0 15px;border:1px solid #4796f5; border-radius: 20px; }
.gamename a:hover{ color: #4778d2; border:1px solid #4778d2;background: #f5fbff}

/*动态*/
.newsbox{margin: 20px 0; padding-top: 20px}
.tlist01{ padding:0 50px 0 50px}
.tlist01 li{background: url(../images/line_dashed.gif) repeat-x bottom; padding:30px 0}
.tlist01 li .ntitle{ font-size:18px; color: #333; font-weight: normal; line-height: 2em}
.tlist01 li .ntime{ font-style:normal; color: #c0bfbf}
.tlist01 li p{ font-size:16px; color: #999; line-height: 2em}
.tlist01 li .more a{ padding:5px 10px; color: #4796f5; border:1px solid #4796f5; font-size: 14px; border-radius: 20px; margin-left: 20px}
.tlist01 li .more a:hover{ color: #4778d2; border:1px solid #4778d2; background: #f5fbff}
.tlist01 li:last-child{background:none}
.c_lifes{ margin: 40px 0}
.c_lifes ul { width:100%}
.c_lifes ul li{ background: #fff; border:1px solid #fff;width: calc(33% - 20px); margin-left:20px; float: left; overflow: hidden; margin-bottom: 20px}
.c_lifes ul li:hover{ border:1px solid #4796f5; }
.c_lifes ul li img{ width: 376px; height: 220px; transition: all 0.6s; }
.c_lifes ul li p{ width:100%; height: 70px; line-height: 70px; text-indent: 20px; font-size: 16px; overflow: hidden}
.c_lifes ul li p span{ float: right; padding-right: 20px; font-size:14px; color: #cccccc}


.bread{ font-size:14px; height: 46px; line-height: 46px; color: #999}
.articlebox{ }
.article_title{padding: 50px 0; text-align: center}
.article_title h1{ color: #333; font-weight: normal;}
.article_info{ color: #999;font-size:14px; line-height: 2em; padding-top: 8px}
.article_article{ padding:20px 50px 50px 50px; font-size:16px; line-height: 2em; color: #333}
.article_article img{ margin: 0 auto; text-align: center;display: block; max-width: 1140px}
.article_article p{margin: 30px 0 0 0; text-indent: 2em}
.prenext{ padding:50px; font-size:16px; line-height: 2em; color: #999}

.c_games{ padding: 60px 0}
.c_games ul li{ margin:0 10px; margin-bottom: 20px; width:280px; float: left; position: relative; background: #fff; border-radius: 20px;-moz-box-shadow:0px 0px 5px #d7d7d7; -webkit-box-shadow:0px 0px 5px #d7d7d7; box-shadow:0px 0px 5px #d7d7d7;}
.c_games ul li .c_gameupimg{ position: absolute; width: 280px; height: 28px; top: 252px; display: block; z-index: 3; background: url(../images/upimg.png) center}
.c_games ul li .c_gameimg img{ width: 280px; height: 280px;border-radius: 20px 20px 0 0; }
.c_gamename{ padding:10px 20px 0 20px; color: #333; font-size:22px; font-weight: normal; float: left;}
.c_gamestyle{ float:right;margin:10px 10px 0 20px; background: #f4f4f4; color: #bababa; line-height: 30px; height: 30px; border-radius: 15px; padding:0 10px}
.c_gameinfo{ color: #999; font-size:14px; padding: 15px 20px 20px 20px; width: 245px; display: inline-block; line-height: 1.5em; height: 35px; overflow: hidden}
.c_game_hover{position: absolute;top: 0;left: 0;width: 100%;height: 280px;opacity: 0;margin-bottom: -100px;z-index: 2;color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;background: url(../images/hot_game_hover.png) no-repeat;}
.c_game_hover:hover{opacity: 1;top: 0;}
.c_game_info_con{width: 100%; height: 258px;}
.c_game_info_cona{ font-size: 16px;}
.c_game_hover .infole{ margin-top: 40px}
.c_game_hover .infole img{ text-align: center; margin: 0 auto; display: block; width: 100px; height: 100px}
.c_game_hover .infop{ width:100%; text-align: center; letter-spacing: 3px; line-height: 30px}
.c_game_hover .infori{ padding:18px; font-size: 14px}


/*翻页*/
.pages{clear: both; font: 16px/32px Verdana; padding: 50px 0; margin: 0 50px;  text-align: center;}
.pages li{color: #ccc; display: inline; margin: 0 8px;}
.pages li.thisclass{background-color: #333;  border-radius: 3px; color: #fff; padding: 8px 14px;}
.pages li a{  border-radius: 3px; color: #9c9c9c; padding: 8px 14px; text-decoration: none;}
.pages li a:hover{background-color: #4796f5;  color: #fff;}

/*招聘*/
.ln_recruit_body{width: 100%;height: 800px;background: url(../images/recruit_bg.jpg) no-repeat #aea7bb;background-size: 100% 100%;position: relative;}
.ln_recruit_le{width: 1270px;height: 800px;background: url(../images/recruit_l.png) no-repeat;background-size: 100% 100%;position: absolute;left: -235px; bottom:0;transition:all 1s linear infinite alternate;opacity: 0;}
.ln_recruit_ri{width: 850px;height: 800px;background: url(../images/recruit_r.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0px;bottom:0;transition:all 1s linear infinite alternate;opacity: 0;}
.ln_recruit_bott{width: 100%;height: 396px;background: url(../images/ln_rec_role3.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;}
.ln_recruit_mid{position: absolute;left: 50%;top: 220px;transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-o-transform: translate(-50%,0);z-index: 999; width:620px}
.ln_recruit_mid a{ float:left; width:310px; height:310px}
.ln_recruit_mid img{transition: all 0.5s;opacity: 0;}
.ln_recruit_body .ln_recruit_mid .img1:hover{transform: translate(20px) scale(1.03);}
.ln_recruit_body .ln_recruit_mid .img2:hover{transform: translate(20px) scale(1.03)}
@-webkit-keyframes lnPeopleAnimation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes lnPeopleAnimation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.title01{ font-size:22px; border-left:4px solid #5898f2; margin:20px 0; padding-left:20px; color:#333}
.jbox{ margin:0 0 30px 0; width:100%; font-size:16px; float:left}
.searchjbli { width:75%; margin:0 auto; padding:10px 0}
.searchjbtit{ float:left; margin-right:30px; color:#a0a0a0; line-height:42px}
.searchjbput input{width: 500px;height: 40px;border: 1px solid #e2e2e2;padding-left: 10px;outline: none;border-right: none; display:inline-block; border-radius:3px; font-size:16px}
.searchjbput span{display: inline-block; font-size: 16px;width: 110px;height: 42px;background: #5898f2;color: #fff;text-align: center;line-height: 42px;cursor: pointer; border-radius:0 3px 3px 0}
.searchjbput span:hover{background: #488ae7;}
.searchjbtab a{ line-height:40px; height:40px; display:inline-block; padding:0 15px; border:1px solid #fff;margin-right:15px; overflow: hidden}
.searchjbtab a:hover,.searchjbtab a.on{ border-radius:3px;  height:40px; line-height:40px; border:1px solid #5898f2; padding:0 15px; color:#5898f2}
.joblistbox{ width:85%; margin:40px auto 70px auto}
.joblisttit{ background:#5898f2; color:#fff}
.joblistli{ width:100%; border-radius:8px; height:46px; line-height:46px }
.joblistli li{ float:left; width:18%; text-align:center}
.joblistli li:nth-child(1){ width:28%; text-align:left; text-indent:30px}
.joblistbox .c1{ background:#f4f9fd}
.joblistbox a{ color:#5898f2}
.joblistbox a:hover{ color:#4282dc}
.xiaozhao_liucheng{ background:url(../images/zhaopin_liucheng.png) center no-repeat; width:100%; height:220px; margin-bottom: 20px}
.ln_article{ font-size:16px; line-height: 2em; padding: 30px 60px 60px 60px; color: #666}
.ln_article strong{ color:#333; font-weight: normal}
.ln_article b{ color:#333}
.ln_article .mailus{ text-align: center; font-size:14px; margin-top: 50px}
.ln_article a{ color: #4796f5}

/*防沉迷*/
.lbox{ margin:0 0 30px 0; width:calc(100% - 320px); font-size:16px; float:left}
.box300{ float: right; width: 300px; font-size:16px;}
.r_article{ font-size:14px; line-height: 2em; padding: 10px 20px 20px 20px; color: #666}
.r_article a{ color: #5898f2}
.r_article a:hover{ color: #2c79d4}
.r_article strong{ color:#000; font-weight: normal}
.downbtn { text-align: center}
.downbtn a{ font-size:16px; color: #fff; height: 40px; line-height: 40px; background: url(../images/downicon.png) no-repeat 23px 6px #6795ea; display:inline-block; border-radius: 20px; padding: 0 30px 0 60px}
.downbtn a:hover{  background: url(../images/downicon.png) no-repeat 23px 6px #5382d9}
.gy_ewm{ text-align: center; font-size:12px; line-height: 18px; letter-spacing: 2px}

/*联系我们*/
.contact_c{ margin: 20px 30px 70px 30px}
.contact_l{ width:50%; float: left; font-size:16px; color: #666}
.contact_l p{ margin-bottom: 20px; line-height: 50px}
.contact_l span{ display: inline-block; width: 50px; height: 50px; margin-right: 20px; float: left}
.icon_dw{ background: url(../images/icon_dw.png) no-repeat}
.icon_dh{ background: url(../images/icon_dh.png) no-repeat}
.contact_r{ width:50%; float: right}
.contact_ewm{ font-size: 13px; width: 120px; border:1px solid #e6e6e6; padding: 12px 10px; text-align: center; margin-left: 70px}
.map{ width: 570px; height: 350px; background: #f5f5f5; border:1px solid #d5d5d5}


/*底部*/
.bottom_item{ width:100%; height:275px; background: url(../images/bottom_banner.png) no-repeat; text-align: center}
.bottom_item .bottom_item_zp,.bottom_item .bottom_item_lx{ width:216px; height:66px; line-height:66px; margin-top:100px; display:inline-block; font-size:16px; color:#fff; background:#ccc;}
.bottom_item .bottom_item_zp a:hover,.bottom_item .bottom_item_lx a:hover{transition: all 4s ease-out 0s;}
.bottom_item .bottom_item_zp a,.bottom_item .bottom_item_lx a{ color:#fff; display:block;width:216px; height:66px; text-indent: 45px;}
.bottom_item .bottom_item_zp{ margin-right:60px ;background: url(../images/b_icon_zp.png) no-repeat;opacity:0.8;}
.bottom_item .bottom_item_lx{ margin-left:60px ;background: url(../images/b_icon_lx.png) no-repeat;opacity:0.8;}
.bottom_item .bottom_item_zp:hover{  opacity:1;}
.bottom_item .bottom_item_lx:hover{  opacity:1;}


.footer_ewm{ background:url(../images/footer_ewm.png) no-repeat; width:113px; height:142px; margin-right:20px}

.footer{ background:#151515; padding:50px 0}
.footer .footer_logo{ width:260px; height:180px; background:url(../images/footer_logo.png) center no-repeat; text-indent:-9999px; overflow:hidden}
.footer_logo a{ display:block;width:260px; height:180px;}
.footer_map{ width: calc(100% - 393px);}
.footer_map dl{ float:left; margin-right:40px;}
.footer_map dt{ font-size:16px; color:#828282; line-height:2.5em}
.footer_map dd{ font-size:12px; line-height:2em}
.footer_map dd a{ color:#b4b4b4}
.footer_map dd a:hover{ color:#fff}

.footer_info{ text-align:center; border-top:1px solid #232323; padding-top:30px; color:#5e5e5e; margin-top:30px}

/*回到顶部*/ 
#returnTop{_display:none;position:fixed;_position:absolute;z-index:999;right:15px;bottom:-200px;_bottom:auto;width:76px;height:76px;text-indent:-999px;overflow:hidden;background-image:url(../images/backtop.png);_background-image:url(../images/backtop.png);background-repeat:no-repeat;background-position:0 0;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}
#returnTop:hover{background-position:0 -76px; }